﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Role List</title>
    <link rel="stylesheet" href="vendor/ag-grid-community/dist/styles/ag-grid.css" />
    <link rel="stylesheet" href="vendor/ag-grid-community/dist/styles/ag-theme-bootstrap.css" />
    <link rel="stylesheet" href="vendor/ag-grid-community/dist/styles/ag-theme-alpine-dark.css" />
    <style type="text/css">
        .ag-header-cell {
            background-color: #49afcd
        }

        .ag-row-selected {
            background-color: #bde2e5
        }
    </style>
</head>
<body>
    <!-- Modal -->
    <div class="modal-body">
        <div id="myRoleGrid" class="ag-bootstrap" style="width:100%;height:260px;float:left;"></div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary lang" as="sure" data-dismiss="modal" onclick="rolelist.sure();"></button>
        <button class="btn lang" as="cancel" data-dismiss="modal" aria-hidden="true"></button>
    </div>

    <script type="text/javascript">
        $(function () {
            kresource.localize();
            rolelist.getRoleList();
        })
    </script>
</body>
</html>